<script type="text/javascript" src="<?php echo base_url() . '/media/js/code/confirmacion_controller.js' ?>"></script>
<div id="base_url" style="display:none"><?php echo base_url() ?></div>

<!-- [PASOS] -->
<div class="contPasos" align="center">
    <ul>
        <li><img src="<?php echo base_url() . 'media/images/01_b.png' ?>" alt="01" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/02_b.png' ?>" alt="02" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/03_b.png' ?>" alt="03" width="150px" height="51px"></li>
        <li><img src="<?php echo base_url() . 'media/images/04_c.png' ?>" alt="04" width="150px" height="51px"></li>
    </ul>
</div>
<div class="limpiar"></div>

<!-- [CUERPO: SUS DATOS] -->
<div align="center">
    <div class="viaje">
        <img src="<?php echo base_url() . 'media/images/banner_confirmacion.png' ?>" border="0" width="760"/>
        <br/>
        <div class="titViajes">
            <strong>En caso reserve sus pasajes, solo cuenta con ocho horas para realizar el pago respectivo.
                En caso los pague con tarjeta se le redireccionará a la página proporcionada por el banco
                para que realice su transacción de manera segura, posteriormente retornará a nuestra web
                con el resumen de su compra.
            </strong>
        </div>
        <div class="titulo_mensaje">
            DATOS DEL VIAJE
        </div>

        <div class="confirmacion_body">
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Ruta:</strong></label>
                <label class="control-label label_value_datos" id="viajeText"></label>
            </div>
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Fecha y Hora:</strong></label>
                <label class="control-label label_value_datos" id="fechaHoraText"></label>
            </div>
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Cantidad de Asientos:</strong></label>
                <label class="control-label label_value_datos" id="numAsientosText"></label>
            </div>
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Pasajeros:</strong></label>
                <label class="control-label label_value_datos" id="pasajerosText" style="width:400px;"></label>
            </div>
        </div>

        <div class="titulo_mensaje">
            DATOS DE LA FORMA DE PAGO
        </div>

        <div class="confirmacion_body">
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Forma de Pago:</strong></label>
                <label class="control-label label_value_datos" id="formaPagoText"></label>
            </div>
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Tarjeta:</strong></label>
                <label class="control-label label_value_datos" id="tarjetaText"></label>
            </div>
            <div class="control-group group_datos">
                <label class="control-label label_datos"><strong>Monto:</strong></label>
                <label class="control-label label_value_datos" id="montoText"></label>
            </div>
        </div>

        <form class="form-horizontal" method="post" action='#'>
            <div class="botonera_paso" style="margin-left: 200px">
                <button type="button" id="form1_btn_atras" class="btn btn-success btn_chico">Atrás</button>
                <button type="button" id="form1_btn_reservar" class="btn btn-success btn_chico">Reservar</button>
                <button type="button" id="form1_btn_comprar" class="btn btn-success btn_chico">Comprar</button>
            </div>
        </form>
    </div>
</div>